<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>三月雨</title>
    <link rel="stylesheet" href="./libs/normalize.css" />
    <link rel="stylesheet" href="./libs/bootstrap-3.4.1/css/bootstrap.min.css" />
    <link rel="stylesheet" href="./libs/swiper-6.8.4/swiper-bundle.min.css" />
    <link rel="stylesheet" href="./css/index.css" />
</head>
<body>
    <nav class="navbar navbar-default navbar-fixed-top syy-nav">
        <div class="container-fluid">
          <!-- Brand and toggle get grouped for better mobile display -->
          <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
              <span class="sr-only">Toggle navigation</span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="#">
                <img src="./imgs/logo.png" class="nav-logo" alt="">
            </a>
          </div>
      
          <!-- Collect the nav links, forms, and other content for toggling -->
          <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <div class="syy-nav-collapse">
                <ul class="nav navbar-nav">
                    <li class="active"><a href="#">首页</a><span class="dot">·</span></li>
                    <li><a href="#">企业概况</a><span class="dot">·</span></li>
                    <li><a href="#">企业优势</a><span class="dot">·</span></li>
                    <!-- <li><a href="#">企业案例</a><span class="dot">·</span></li> -->
                    <li class="dropdown">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">企业案例</a><span class="dot">·</span>
                        <ul class="dropdown-menu">
                            <div class="down-icon">
                                <span class="glyphicon glyphicon-menu-down"></span>
                            </div>
                            <li><a href="#">合作客户</a></li>
                            <li><a href="#">服务内容</a></li>
                            <li><a href="#">经典案例</a></li>
                        </ul>
                    </li>
                    <li><a href="#">企业新闻</a><span class="dot">·</span></li>
                    <li><a href="#">科技应用</a><span class="dot">·</span></li>
                    <li><a href="#">创新服务</a><span class="dot">·</span></li>
                    <li><a href="#">联系我们</a></li>
                  </ul>
                  <div class="tel-box">
                      <img src="./imgs/tel-img.png" alt="">
                  </div>
            </div>
          </div><!-- /.navbar-collapse -->
        </div><!-- /.container-fluid -->
    </nav>
    <div id="swiper-page">
        <div class="swiper-page-wrap">
            <!-- 第一屏 -->
            <div class="mobile-section">
                <!-- 轮播图 -->
                <div id="carousel-example-generic" class="carousel slide ssy-carousel" data-ride="carousel">
                    <!-- Indicators -->
                    <ol class="carousel-indicators">
                    <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
                    <li data-target="#carousel-example-generic" data-slide-to="1"></li>
                    <li data-target="#carousel-example-generic" data-slide-to="2"></li>
                    <li data-target="#carousel-example-generic" data-slide-to="3"></li>
                    <!-- <li data-target="#carousel-example-generic" data-slide-to="2"></li> -->
                    </ol>
                    <!-- Wrapper for slides -->
                    <div class="carousel-inner" role="listbox">
                        <div class="item active">
                            <img src="./imgs/banner1.png" alt="" class="banner-img" />
                            <div class="carousel-text">
                                <img src="./imgs/banner1-text.png" alt="">
                            </div>
                        </div>
                        <div class="item">
                            <img src="./imgs/banner2.png" class="banner-img" />
                            <div class="carousel-text">
                                <img src="./imgs/banner2-text.png" alt="">
                            </div>
                        </div>
                        <div class="item">
                            <img src="./imgs/banner3.png" class="banner-img" />
                            <div class="carousel-text">
                                <img src="./imgs/banner3-text.png" alt="">
                            </div>
                        </div>
                        <div class="item">
                            <img src="./imgs/banner4.png" class="banner-img" />
                            <div class="carousel-text">
                                <img src="./imgs/banner4-text.png" alt="">
                            </div>
                        </div>
                    </div>
                    <!-- Controls -->
                    <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
                    <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
                    <span class="sr-only">上一张</span>
                    </a>
                    <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
                    <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
                    <span class="sr-only">下一张</span>
                    </a>
                </div>
                <!-- 做什么 -->
                <div class="syy-what">
                    <div class="container">
                        <div class="what-content">
                            <div>
                                <h2 id="what-title">
                                    <span>我</span><span>们</span><span>能</span><span>为</span><span>您</span><span>做</span><span>什</span><span>么</span><span>？</span>
                                </h2>
                                <h3>择一事，做一生</h3>
                            </div>
                            <p>三月雨20年来专业从事各类教育主题展厅建设，包括廉洁文化主题展厅、廉政警示教育基地、红色文化主题展厅、未成年教育基地及各类文化展馆建设，目前已经在全国范围内建设了1600余个项目，受到了广泛好评。</p>
                            <a class="btn btn-default btn-more" href="#" role="button">了解更多 <span class="glyphicon glyphicon-menu-right"></span></a>
                        </div>
                    </div>
                </div>
                <div class="mobile-down">
                    <span class="glyphicon glyphicon-menu-down"></span>
                </div>
            </div>
            <!-- 第二屏 -->
            <div class="mobile-section">
                <!-- 以内容为王 -->
                <div class="exhibition">
                    <div class="exhibition-video-wrap">
                        <!-- <video  preload="metadata" mute class="exhibition-video" loop controls="controls" autoplay 
                        webkit-playsinline="true" playsinline="true"   x5-playsinline="" 
                        x-webkit-airplay="allow"
                         x5-video-player-type="h5"
                         x5-video-orientation="portraint">
                            <source src="https://zhffcl-mini.oss-cn-beijing.aliyuncs.com/7fbc91054d0a11aea2ebb3ecad6689ce.mp4" type="video/mp4" />
                        </video> -->
                        <video autoplay loop playsinline="" muted disablekb="" preload="metadata" class="exhibition-video" id="exhibition-video">
                            <source src="/videos/7fbc91054d0a11aea2ebb3ecad6689ce.mp4" type="video/mp4">
                        </video>
                        <img src="https://zhffcl-mini.oss-cn-beijing.aliyuncs.com/7fbc91054d0a11aea2ebb3ecad6689ce.gif" alt=""  class="exhibition-img" />
                        <!-- <video autoplay loop playsinline webkit-playsinline="true" muted disablekb preload="metadata" mute class="exhibition-video" id="exhibition-video" x5-video-player-type="h5">
                            <source src="//zhffcl-mini.oss-cn-beijing.aliyuncs.com/7fbc91054d0a11aea2ebb3ecad6689ce.mp4" type="video/mp4" />
                        </video> -->
                    </div>
                    <div class="exhibition-content">
                        <div class="container">
                            <h2>以内容为王<br />让教育入脑入心</h2>
                            <h3>我们所关注的是<br />如何让各类教育阵地发挥出更大的成效</h3>
                            <div class="tag-group clearfix">
                                <div class="tag-item">廉洁廉政基地<span class="glyphicon glyphicon-menu-right"></span></div>
                                <div class="tag-item">法治教育基地<span class="glyphicon glyphicon-menu-right"></span></div>
                                <div class="tag-item">红色文化展厅<span class="glyphicon glyphicon-menu-right"></span></div>
                                <div class="tag-item">党建文化阵地<span class="glyphicon glyphicon-menu-right"></span></div>
                                <div class="tag-item">其他类型展厅<span class="glyphicon glyphicon-menu-right"></span></div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="mobile-down">
                    <span class="glyphicon glyphicon-menu-down" style="color:#fff"></span>
                </div>
            </div>
            
            <!-- 我们具体是怎么做到的？ -->
            <div class="mobile-section">
                <div class="syy-timeline">
                    <div class="container">
                        <h2>我们具体是怎么做到的？</h2>
                        <h3>天下大事，必作于细。</h3>
                    </div>
                    <div class="timeline-group">
                        <div class="container">
                            <div class="swiper-container" id="timeline-swiper">
                                <div class="swiper-wrapper">
                                    <div class="swiper-slide timeline-item">
                                        <div class="timeline-item-wrap">
                                            <div class="timeline-item-title">场地勘测</div>
                                            <div class="timeline-item-icon">
                                                <img src="./imgs/timeline-icon.png" alt="" />
                                            </div>
                                            <div class="timeline-item-text">我们将安排专业人员到现场实地测量场地并具体沟通需求。</div>
                                        </div>
                                    </div>
                                    <div class="swiper-slide timeline-item">
                                        <div class="timeline-item-wrap">
                                            <div class="timeline-item-title">方案策划</div>
                                            <div class="timeline-item-icon">
                                                <img src="./imgs/timeline-icon.png" alt="" />
                                            </div>
                                            <div class="timeline-item-text">结合场地情况及功能定位，策划人员按照需求撰写策划方案。</div>
                                        </div>
                                    </div>
                                    <div class="swiper-slide timeline-item">
                                        <div class="timeline-item-wrap">
                                            <div class="timeline-item-title">效果图设计</div>
                                            <div class="timeline-item-icon">
                                                <img src="./imgs/timeline-icon.png" alt="" />
                                            </div>
                                            <div class="timeline-item-text">结合最终确定的方案，由设计师用立体图还原设计方案。</div>
                                        </div>
                                    </div>
                                    <div class="swiper-slide timeline-item">
                                        <div class="timeline-item-wrap">
                                            <div class="timeline-item-title">施工图设计</div>
                                            <div class="timeline-item-icon">
                                                <img src="./imgs/timeline-icon.png" alt="" />
                                            </div>
                                            <div class="timeline-item-text">由专业绘图专员，将立体图转化为可实施的施工图纸。</div>
                                        </div>
                                    </div>
                                    <div class="swiper-slide timeline-item">
                                        <div class="timeline-item-wrap">
                                            <div class="timeline-item-title">内容编辑</div>
                                            <div class="timeline-item-icon">
                                                <img src="./imgs/timeline-icon.png" alt="" />
                                            </div>
                                            <div class="timeline-item-text">由专业编辑人员负责展厅内容深化，并形成最终文字。</div>
                                        </div>
                                    </div>
                                    <div class="swiper-slide timeline-item">
                                        <div class="timeline-item-wrap">
                                            <div class="timeline-item-title">平面设计</div>
                                            <div class="timeline-item-icon">
                                                <img src="./imgs/timeline-icon.png" alt="" />
                                            </div>
                                            <div class="timeline-item-text">负责展厅内各项可视内容的设计创作。</div>
                                        </div>
                                    </div>
                                    <div class="swiper-slide timeline-item">
                                        <div class="timeline-item-wrap">
                                            <div class="timeline-item-title">多媒体研发</div>
                                            <div class="timeline-item-icon">
                                                <img src="./imgs/timeline-icon.png" alt="" />
                                            </div>
                                            <div class="timeline-item-text">专业人员按照策划方案，进行多媒体技术研发及内容制作。</div>
                                        </div>
                                    </div>
                                    <div class="swiper-slide timeline-item">
                                        <div class="timeline-item-wrap">
                                            <div class="timeline-item-title">安装布展</div>
                                            <div class="timeline-item-icon">
                                                <img src="./imgs/timeline-icon.png" alt="" />
                                            </div>
                                            <div class="timeline-item-text">将各专业整合，有计划进行现场布展及调试。</div>
                                        </div>
                                    </div>
                                    <div class="swiper-slide timeline-item">
                                        <div class="timeline-item-wrap">
                                            <div class="timeline-item-title">后期服务</div>
                                            <div class="timeline-item-icon">
                                                <img src="./imgs/timeline-icon.png" alt="" />
                                            </div>
                                            <div class="timeline-item-text">专人负责讲解词撰写、讲解员培训及开展前各项服务等。</div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="timeline-group-mobile">
                                <div class="timeline-item">
                                    <div class="timeline-item-wrap">
                                        <div class="timeline-item-title">场地勘测</div>
                                        <div class="timeline-item-icon">
                                            <img src="./imgs/timeline-icon-left.png" alt="" />
                                        </div>
                                        <div class="timeline-item-text">我们将安排专业人员到现场实地测量场地并具体沟通需求。</div>
                                    </div>
                                </div>
                                <div class="timeline-item">
                                    <div class="timeline-item-wrap">
                                        <div class="timeline-item-title">方案策划</div>
                                        <div class="timeline-item-icon">
                                            <img src="./imgs/timeline-icon-right.png" alt="" />
                                        </div>
                                        <div class="timeline-item-text">结合场地情况及功能定位，策划人员按照需求撰写策划方案。</div>
                                    </div>
                                </div>
                                <div class="timeline-item">
                                    <div class="timeline-item-wrap">
                                        <div class="timeline-item-title">效果图设计</div>
                                        <div class="timeline-item-icon">
                                            <img src="./imgs/timeline-icon-left.png" alt="" />
                                        </div>
                                        <div class="timeline-item-text">结合最终确定的方案，由设计师用立体图还原设计方案。</div>
                                    </div>
                                </div>
                                <div class="timeline-item">
                                    <div class="timeline-item-wrap">
                                        <div class="timeline-item-title">施工图设计</div>
                                        <div class="timeline-item-icon">
                                            <img src="./imgs/timeline-icon-right.png" alt="" />
                                        </div>
                                        <div class="timeline-item-text">由专业绘图专员，将立体图转化为可实施的施工图纸。</div>
                                    </div>
                                </div>
                                <div class="timeline-item">
                                    <div class="timeline-item-wrap">
                                        <div class="timeline-item-title">内容编辑</div>
                                        <div class="timeline-item-icon">
                                            <img src="./imgs/timeline-icon-left.png" alt="" />
                                        </div>
                                        <div class="timeline-item-text">由专业编辑人员负责展厅内容深化，并形成最终文字。</div>
                                    </div>
                                </div>
                                <div class="timeline-item">
                                    <div class="timeline-item-wrap">
                                        <div class="timeline-item-title">平面设计</div>
                                        <div class="timeline-item-icon">
                                            <img src="./imgs/timeline-icon-right.png" alt="" />
                                        </div>
                                        <div class="timeline-item-text">负责展厅内各项可视内容的设计创作。</div>
                                    </div>
                                </div>
                                <div class="timeline-item">
                                    <div class="timeline-item-wrap">
                                        <div class="timeline-item-title">多媒体研发</div>
                                        <div class="timeline-item-icon">
                                            <img src="./imgs/timeline-icon-left.png" alt="" />
                                        </div>
                                        <div class="timeline-item-text">专业人员按照策划方案，进行多媒体技术研发及内容制作。</div>
                                    </div>
                                </div>
                                <div class="timeline-item">
                                    <div class="timeline-item-wrap">
                                        <div class="timeline-item-title">安装布展</div>
                                        <div class="timeline-item-icon">
                                            <img src="./imgs/timeline-icon-right.png" alt="" />
                                        </div>
                                        <div class="timeline-item-text">将各专业整合，有计划进行现场布展及调试。</div>
                                    </div>
                                </div>
                                <div class="timeline-item">
                                    <div class="timeline-item-wrap">
                                        <div class="timeline-item-title">后期服务</div>
                                        <div class="timeline-item-icon">
                                            <img src="./imgs/timeline-icon-left.png" alt="" />
                                        </div>
                                        <div class="timeline-item-text">专人负责讲解词撰写、讲解员培训及开展前各项服务等。</div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="mobile-down">
                    <span class="glyphicon glyphicon-menu-down"></span>
                </div>
            </div>
            <div class="mobile-section">
                <!-- 为什么要选择我们？ -->
                <div class="syy-choose">
                    <div class="syy-choose-wrap clearfix">
                        <div class="syy-choose-left">
                            <h2>为什么要选择我们？</h2>
                            <h3  id="choose-h3">二十年，不只是历程,<br />更是锤炼。</h3>
                            <div class="line"></div>
                            <div class="choose-icon">
                                <img src="./imgs/choose-icon1.png" alt="" id="choose-img" />
                            </div>
                            <p id="choose-p">具备上百名从业10年以上的专业人才引领行业规范。</p>
                        </div>
                        <div class="syy-choose-right clearfix">
                            <div class="choose-pie" id="choose-pie"></div>
                        </div>
                        <div id="choose-pie-text"></div>
                    </div>
                </div>
                <div class="mobile-down">
                    <span class="glyphicon glyphicon-menu-down"></span>
                </div>
            </div>
            <div class="mobile-section">
                <!-- 来逛逛三月雨的“朋友圈” -->
                <div class="syy-pyq">
                    <div class="container">
                        <div class="syy-pyq-wrap clearfix">
                            <div class="syy-pyq-left">
                                <h2>来逛逛三月雨的“朋友圈”</h2>
                                <h3>1600多个落地项目,<br />是岁月给予的成长贺礼。</h3>
                                <p>我们始终坚持认真服务好每一个客户，将客户满意作为企业生存的根本和持续发展的动力。</p>
                                <div class="count-group clearfix">
                                    <div class="count-item">
                                        <div class="item-wrap">
                                            <div class="item-icon">
                                                <img src="./imgs/pyq-icon1.png" alt="" />
                                            </div>
                                            <div class="item-num">500+</div>
                                            <div class="item-label">专业人才</div>
                                        </div>
                                    </div>
                                    <div class="count-item">
                                        <div class="item-wrap">
                                            <div class="item-icon">
                                                <img src="./imgs/pyq-icon2.png" alt="" />
                                            </div>
                                            <div class="item-num">1600+</div>
                                            <div class="item-label">落地项目</div>
                                        </div>
                                    </div>
                                    <div class="count-item">
                                        <div class="item-wrap">
                                            <div class="item-icon">
                                                <img src="./imgs/pyq-icon3.png" alt="" />
                                            </div>
                                            <div class="item-num">360+</div>
                                            <div class="item-label">客户感谢信</div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="syy-pyq-right">
                                <div id="china-map"></div>
                                <a href="#" class="btn-all-btn">查看全国项目</a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="mobile-down">
                    <span class="glyphicon glyphicon-menu-down"></span>
                </div>
            </div>
            <div class="mobile-section">
                <!-- 这就是我们 -->
                <div class="syy-journey">
                    <div class="journey-top">
                        <div class="container">
                            <div class="syy-journey-content clearfix">
                                <div class="journey-left">
                                    <img src="./imgs/journey-bg.jpg" alt="">
                                </div>
                                <div class="journey-right">
                                    <h2>这就是我们</h2>
                                    <h3>走向新时代的旅程。</h3>
                                    <div class="journey-tag clearfix">
                                        <div class="journey-item">合作动态</div>
                                        <div class="journey-item">党政工团</div>
                                        <div class="journey-item">企业动态</div>
                                        <div class="journey-item">行业动态</div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="container">
                        <div class="project-list">
                            <div class="project-item">
                                <div class="item-title">合作动态</div>
                                <div class="item-subtitle">喜报！三月雨中标逊克县党风廉政警示教育展厅布展项目</div>
                                <div class="item-footer">
                                    <div class="footer-text">11月17日，三月雨凭借出色的设计方案和丰富的项目经验，顺利中标逊克县党风廉政警示教育展厅布展项目，该项目布展面积约2900平方米。</div>
                                    <div class="footer-btn">更多 <span class="glyphicon glyphicon-menu-right icon-right"></span></div>
                                </div>
                            </div>
                            <div class="project-item">
                                <div class="item-title">党政工团</div>
                                <div class="item-subtitle">重温百年党史 传承红色基因｜<br />三月雨党支部参观中国共产党历史展览馆</div>
                                <div class="item-footer">
                                    <div class="footer-text">11月10日下午，三月雨党支部跟随北宫镇非公企业党总支来到中国共产党历史展览馆参观，共同踏寻革命足迹，重温峥嵘岁月。</div>
                                    <div class="footer-btn">更多 <span class="glyphicon glyphicon-menu-right icon-right"></span></div>
                                </div>
                            </div>
                            <div class="project-item">
                                <div class="item-title">企业动态</div>
                                <div class="item-subtitle">设计策略｜<br />色彩专题培训在三月雨顺利举办</div>
                                <div class="item-footer">
                                    <div class="footer-text">11月10日下午，三月雨党支部跟随北宫镇非公企业党总支来到中国共产党历史展览馆参观，共同踏寻革命足迹，重温峥嵘岁月。</div>
                                    <div class="footer-btn">更多 <span class="glyphicon glyphicon-menu-right icon-right"></span></div>
                                </div>
                            </div>
                            <div class="project-item">
                                <div class="item-title">行业动态</div>
                                <div class="item-subtitle">共享学术盛宴│<br />三月雨应邀出席中国廉政研究2023年学术年会</div>
                                <div class="item-footer">
                                    <div class="footer-text">10月14日，以“新时代新阶段反腐败的理论与实践”为主题的中国廉政研究2023年学术年会在杭州举行。三月雨集团董事长李迎玉及一行人员应邀出席。</div>
                                    <div class="footer-btn">更多 <span class="glyphicon glyphicon-menu-right icon-right"></span></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="mobile-down">
                    <span class="glyphicon glyphicon-menu-down"></span>
                </div>
            </div>
            <div class="mobile-section">
                <!-- 三月雨 -->
                <div class="syy-culture">
                    <div class="syy-culture-title">三月雨</div>
                    <div class="syy-culture-subtitle">致力于通过文化改变人的思想，<br />实现整个社会风气向上向善，<br />成为一个对社会有价值的文化企业……</div>
                    <div class="syy-culture-build">
                        <img src="./imgs/culture-bg.jpg" class="syy-culture-bg" alt="">
                        <div class="build-tel-group">
                            <div class="container">
                                <div class="build-tel-group-wrap">
                                    <div class="build-tel-item">
                                        <div class="item-title">总机</div>
                                        <div class="item-text-con">010-83381369<br />010-83381336</div>
                                    </div>
                                    <div class="build-tel-item">
                                        <div class="item-title">市场热线</div>
                                        <div class="item-text-con">010-83381369<br />010-83381336</div>
                                    </div>
                                    <div class="build-tel-item">
                                        <div class="item-title">微信公众号</div>
                                        <div class="item-qr">
                                            <img src="./imgs/qr-img.png" alt="微信公众号图片" />
                                        </div>
                                    </div>
                                </div>
                                <div class="about-group">
                                    <div class="about-group-left">
                                        <div class="about-group-item">
                                            <div class="item-icon">
                                                <img src="./imgs/z-tel-icon.png" alt="">
                                            </div>
                                            <div class="item-content">
                                                <div class="text">总机</div>
                                                <div class="text">010-83381369</div>
                                            </div>
                                        </div>
                                        <div class="about-group-item">
                                            <div class="item-icon">
                                                <img src="./imgs/sc-tel-icon.png" alt="">
                                            </div>
                                            <div class="item-content">
                                                <div class="text">市场热线</div>
                                                <div class="text">010-83381369</div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="about-group-right">
                                        <div class="qr-title">微信公众号</div>
                                        <div class="qr-img-wrap">
                                            <img src="./imgs/qr-img.png" alt="微信公众号图片" />
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="mobile-down">
                    <span class="glyphicon glyphicon-menu-down"></span>
                </div>
            </div>
            <div class="mobile-section">
                <!-- 三月雨footer -->
                <div class="syy-footer">
                    <div class="container">
                        <div class="footer-logo">
                            <img src="./imgs/logo-icon.png" alt="">
                        </div>
                        <div class="office-group">
                            <span class="office-item">全国主题教育展厅</span>
                            <span class="office-item">热门城市教育展厅</span>
                            <span class="office-item">廉洁教育展厅</span>
                            <span class="office-item">法制教育展厅</span>
                        </div>
                        <div class="copyright">
                            <div class="copy-text">版权所有：北京三月雨文化传播有限责任公司</div>
                            <div class="copy-text-group">
                                <span>京ICP备09047547号-1</span><span>京公安网备 110106902105094号</span>
                            </div>
                        </div>
                        <div class="office-group2">
                            <span class="office-item">全国主题教育展厅</span>
                            <span class="office-item">热门城市教育展厅</span>
                            <span class="office-item">廉洁教育展厅</span>
                            <span class="office-item">法制教育展厅</span>
                        </div>
                        <div class="back-top" id="back-top"><img src="./imgs/back-top-img.png" alt=""></div>
                        <div class="webmap">网站地图&nbsp;&nbsp;&nbsp;版权声明&nbsp;&nbsp;&nbsp;联系我们</div>
                        <div class="pageicon-group clearfix">
                            <div class="pageicon-item">
                                <img src="./imgs/pageicon-1.png" alt="">
                            </div>
                            <div class="pageicon-item">
                                <img src="./imgs/pageicon-2.png" alt="">
                            </div>
                            <div class="pageicon-item">
                                <img src="./imgs/pageicon-3.png" alt="">
                            </div>
                            <div class="pageicon-item">
                                <img src="./imgs/pageicon-4.png" alt="">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 宗旨 -->
    <div class="purpose">三月雨提供专业的党性文化展厅建设、廉政文化展厅建设、红色文化展厅建设、军队文化展厅建设及青少年教育展厅建设等各类教育展厅建设整体解决方案。</div>
    <!-- 移动端底部栏 -->
    <div class="mbbar">
        <a  href="/" class="mbbar-item active">
            <div class="item-icon item-home active"></div>
            <div class="item-text">首页</div>
        </a>
        <a  href="#" class="mbbar-item">
            <div class="item-icon item-anli"></div>
            <div class="item-text">案例展示</div>
        </a>
        <a href="https://affim.baidu.com/unique_2101413/mobile/chat?siteId=122661&amp;userId=2101413&amp;siteToken=0aa5fa3abba5f548a8c2997ea1d4ed88" class="mbbar-item">
            <div class="item-icon item-kefu"></div>
            <div class="item-text">在线咨询</div>
        </a>
        <a href="tel:400-088-1588" class="mbbar-item">
            <div class="item-icon item-tel"></div>
            <div class="item-text">联系我们</div>
        </a>
    </div>
    <dl class="fixedDL">
        <dd><a href="tel:400-088-1588" rel="nofollow" class="transition"><i class="icon tel"></i></a><div class="fdTxt"><div class="dianhua down-bor">400-088-1588</div><div class="dianhua">400-620-0369</div></div></dd>
        <!-- <dd><a target="_blank" href="https://url.cn/e4eICyoJ?_type=wpa&qidian=true" rel="nofollow" class="transition"><i class="icon  qq"></i></a></dd> QQ咨询-->
        <!-- <dd><a target="_blank" href="http://p.qiao.baidu.com/im/index?siteid=1000776534&ucid=2101413" rel="nofollow" class="transition"><i class="icon  aff"></i></a></dd>不带鼠标滑出客服 -->
        <dd><a href="javascript:;" rel="nofollow" class="transition"><i class="icon  aff"></i></a><div class="fdTxt">
        <a onclick="window.open('https://p.qiao.baidu.com/cps5/chatIndex?siteToken=0aa5fa3abba5f548a8c2997ea1d4ed88&speedLogId=16714400795722f8f_1671440079572_75047&bid=2413070307012266100&eid=2101413&reqParam=%7B%22from%22%3A0,%22sid%22%3A%22-100%22,%22tid%22%3A%22-1%22,%22ttype%22%3A1,%22siteId%22%3A%22122661%22,%22userId%22%3A%222101413%22,%22pageId%22%3A0%7D','newWindow','width=870,height=700')" rel="nofollow"  target="_blank">
        <div class="dianhua" style="margin-bottom: 1px;cursor: pointer;font-style: normal;font-weight: normal;">在线咨询</div>
        </a>
        </div></dd>
        <dd><a href="javascript:;" rel="nofollow" class="transition"><i class="icon  code"></i></a><div class="fdTxt qr"><img src="./imgs/qr-img.png"></div></dd>
        <dd><a class="scrollToTop" href="javascript:;" class="transition"><i class="icon  up"></i></a></dd>
    </dl>
    <script>
        var MOBILEWIDTH = 768;
        /**
         * 为什么要选择我们数据
         * 此处name不能为同一个，否则会造成数据饼图select错乱
        */
        var chooseList = [
            { value: 10, name:'规范',name2:'我们的优势',icon:'./imgs/choose-icon1.png',title:"二十年，不只是历程,<br>更是锤炼。",text:"具备上百名从业10年以上的专业人才引领行业规范。"},
            { value: 10, name:'资料',name2:'我们的优势',icon:'./imgs/choose-icon2.png',title:"二十年，不只是历程,<br>更是锤炼。",text:"具有持续更新的资料库，具备各类教育展厅建设的权威内容资料" },
            { value: 10, name:'服务',name2:'我们的优势',icon:'./imgs/choose-icon3.png',title:"二十年，不只是历程,<br>更是锤炼。",text:"提供一站式服务，可实现全流程无忧落地。" },
            { value: 10, name:'专家 ',name2:'我们的优势',icon:'./imgs/choose-icon4.png',title:"二十年，不只是历程,<br>更是锤炼。",text:"拥有强大的专家团队，提升展厅内容的高度。" },
            { value: 10, name:'管理',name2:'我们的优势',icon:'./imgs/choose-icon5.png',title:"二十年，不只是历程,<br>更是锤炼。",text:"具备1600+展厅建设经验，建立了科学的管理体系。" },
            { value: 10, name:'资质',name2:'我们的优势',icon:'./imgs/choose-icon6.png',title:"二十年，不只是历程,<br>更是锤炼。",text:"具备完备的资质，并获得上百项殊荣。" }
        ].reverse();
        (function(win) {
      var docEl = win.document.documentElement,
        tid;


      function refreshRem() {
        var width = docEl.getBoundingClientRect().width;
        var rem = width / 750 * 100; //以750px为原稿，除以100可得各元素的rem
        docEl.style.fontSize = rem + "px";
        if(width > MOBILEWIDTH){
            docEl.removeAttribute('style')
            return false;
        }
        //用来获取真实的px值
        win.setFontsize = rem;
        var actualSize = parseFloat(window.getComputedStyle(docEl)["font-size"]);
        if (actualSize !== rem) {
          var remScaled = rem / (actualSize / rem);
          docEl.style.fontSize = remScaled + "px"
          win.setFontsize = remScaled;
        }
      }


      function dbcRefresh() {
        clearTimeout(tid);
        tid = setTimeout(refreshRem, 100)
      }


      win.addEventListener("resize", function() {
        dbcRefresh()
      }, false);
      win.addEventListener("pageshow", function(e) {
        if (e.persisted) {
          dbcRefresh()
        }
      }, false);
      refreshRem();
    })(window);
    </script>
    <script src="./libs/jquery.min.js"></script>
    <script src="./libs/swiper-6.8.4/swiper-bundle.min.js"></script>
    <script src="./libs/bootstrap-3.4.1/js/bootstrap.min.js"></script>
    <script src="./libs/echarts.min.js"></script>
    <script src="./js/china.js"></script>
    <script src="./js/index.js"></script>
</body>
</html>